<div class="container-fluid">
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse"data-target=".navbar-collapse">
			<span class="fa fa-gear"></span>
		</button>
		<a class="navbar-brand" href="#"><span>Clean Zone</span></a>
	</div>
	<div class="navbar-collapse collapse">
		<ul class="nav navbar-nav">
			<li class="active"><a href="#">Home</a></li>
			<li><a href="#about">About</a></li>
			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a href="#">Action</a></li>
					<li><a href="#">Another action</a></li>
					<li><a href="#">Something else here</a></li>
					<li class="dropdown-submenu"><a href="#">Sub menu</a>
						<ul class="dropdown-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else here</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Large menu <b class="caret"></b></a>
				<ul class="dropdown-menu col-menu-2">
					<li class="col-sm-6 no-padding">
						<ul>
							<li class="dropdown-header"><i class="fa fa-group"></i>Users</li>
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else here</a></li>
							<li class="dropdown-header"><i class="fa fa-gear"></i>Config</li>
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else here</a></li>
						</ul>
					</li>
					<li class="col-sm-6 no-padding">
						<ul>
							<li class="dropdown-header"><i class="fa fa-legal"></i>Sales</li>
							<li><a href="#">New sale</a></li>
							<li><a href="#">Register a product</a></li>
							<li><a href="#">Register a client</a></li>
							<li><a href="#">Month sales</a></li>
							<li><a href="#">Delivered orders</a></li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
		<ul class="nav navbar-nav navbar-right user-nav">
			<li class="dropdown profile_menu">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<img alt="Avatar" src="${pageContext.request.contextPath}/static-resources/images/avatar2.jpg" />Jeff Hanneman <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#">My Account</a></li>
					<li><a href="#">Profile</a></li>
					<li><a href="#">Messages</a></li>
					<li class="divider"></li>
					<li><a href="#">Sign Out</a></li>
				</ul>
			</li>
		</ul>
		<ul class="nav navbar-nav navbar-right not-nav">
			<li class="button dropdown">
				<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i class=" fa fa-comments"></i></a>
				<ul class="dropdown-menu messages">
					<li>
						<div class="nano nscroller">
							<div class="content">
								<ul>
									<li>
										<a href="#"> <img src="${pageContext.request.contextPath}/static-resources/images/avatar2.jpg" alt="avatar" />
											<span class="date pull-right">13 Sept.</span>
											<span class="name">Daniel</span>
											 I'm following you, and I want your money!
										</a>
									</li>
									<li>
										<a href="#"> 
											<img src="${pageContext.request.contextPath}/static-resources/images/avatar_50.jpg" alt="avatar" /><span class="date pull-right">20 Oct.</span>
											<span class="name">Adam</span> 
											is now following you
										</a>
									</li>
									<li><a href="#"> <img src="${pageContext.request.contextPath}/static-resources/images/avatar4_50.jpg"
											alt="avatar" /><span class="date pull-right">2 Nov.</span><span
											class="name">Michael</span> is now following you
									</a></li>
									<li><a href="#"> <img src="${pageContext.request.contextPath}/static-resources/images/avatar3_50.jpg"
											alt="avatar" /><span class="date pull-right">2 Nov.</span><span
											class="name">Lucy</span> is now following you
									</a></li>
								</ul>
							</div>
						</div>
						<ul class="foot">
							<li><a href="#">View all messages </a></li>
						</ul>
					</li>
				</ul></li>
			<li class="button dropdown"><a href="javascript:;"
				class="dropdown-toggle" data-toggle="dropdown"><i
					class="fa fa-globe"></i><span class="bubble">2</span></a>
				<ul class="dropdown-menu">
					<li>
						<div class="nano nscroller">
							<div class="content">
								<ul>
									<li><a href="#"><i class="fa fa-cloud-upload info"></i><b>Daniel</b>
											is now following you <span class="date">2 minutes ago.</span></a></li>
									<li><a href="#"><i class="fa fa-male success"></i> <b>Michael</b>
											is now following you <span class="date">15 minutes
												ago.</span></a></li>
									<li><a href="#"><i class="fa fa-bug warning"></i> <b>Mia</b>
											commented on post <span class="date">30 minutes ago.</span></a></li>
									<li><a href="#"><i class="fa fa-credit-card danger"></i>
											<b>Andrew</b> killed someone <span class="date">1 hour
												ago.</span></a></li>
								</ul>
							</div>
						</div>
						<ul class="foot">
							<li><a href="#">View all activity </a></li>
						</ul>
					</li>
				</ul></li>
			<li class="button"><a href="javascript:;"><i
					class="fa fa-microphone"></i></a></li>
		</ul>

	</div>
	<!--/.nav-collapse -->
</div>